<template>
    <button
        class="button_base"
        :class="[
                type?'ice-button--'+type:'',
                size,
                {
                    'is-disabled':disabled,
                    'is-round':round,
                    'is-circle':circle,
                }
            ]"
            @click='handleClick'
            :disabled='disabled'
        >
            <slot></slot>
            {{btnMsg}}
        </button>
</template>

<script>
export default {
    name:'a-button',
    props:{
        type:{
            type:String,
            default:'primary'
        },
        size:{
            type:String,
            default:'small'
        },
        btnMsg:{
            type:String,
            default:''
        },
        disabled:{
            type:Boolean,
            default:false
        },
        circle:{
            type:Boolean,
            default:false
        },
        round:{
            type:Boolean,
            default:false
        },
    },
    methods:{
      handleClick(evt) {
        this.$emit("handleClick", evt);
        },
    }
}
</script>
